<template>
    <div class="background-dynamic">
        <video
            :src="dynamicBackgroundSource"
            autoplay
            loop
            muted
            width="100%"
            id="video"
        ></video>
    </div>
</template>

<script>
import { mapState } from "vuex";
export default {
    name: "BackgroundDynamic",
    computed: {
        ...mapState("setting", {
            dynamicBackgroundSource: (state) => state.background.dynamicSrc,
        }),
    },
};
</script>

<style lang="less" scoped>
.background-dynamic {
    width: 100%;
    height: 100%;
}
</style>
